<!-- BEGIN: main -->
<html>
    <head>
        {HEAD}
        <script src="../../../{APP}/config/app.js" type="text/javascript" language="javascript"></script>
        <!--<script src="js/submit.js" type="text/javascript"></script>-->
        <script src="../../packs/jquery/jquery.js" type="text/javascript" language="javascript"></script>
        <script src="js/validar.js" type="text/javascript"></script>   
        <script src="js/reqs.js" type="text/javascript"></script>  
        <script src="../../js/app.js" type="text/javascript" language="javascript"></script>

    </head>
    <body onload="inicio('{MENU}');">
        <div class="container ">
            <div class="row-fluid bg-container">
                <div id=""></div>
                <br><br>
                <div id="titulo" style="display: none;"></div>
                <div id="encabezado"  >
                    <div><img src="{ID_CBE}" alt="cabecera"></div>
                    <div style="position: absolute; top: 35%; left: 75%">
                        <b>Usuario:</b>&nbsp;{NOMBRE_APELLIDO}<br><b>Último acceso:</b>&nbsp;{ULT}
                    </div>
                </div>
                <div id='divMenu'></div>
                <br><br>
                <div id='contenido'>
                    <!--/*DATOS DE INFORMACION A SOLICITAR*/-->
                    <input id="id_usuario" name="usuario" type='hidden' value='{ID_USUARIO}'>
                    <div id="sub_titulo">Cambio de Contraseña</div>
                    <br>
                    <table class="table" style="width: 50%; margin-left: 25%;">
                        <tr>
                            <td>
                                <dl>
                                    <dt><b>Clave Anterior:</b></dt>
                                    <dd style="text-align: center;">
                                        <input id="id_clave1" 
                                               name="clave1" 
                                               type="password" 
                                               class="input-large"
                                               maxlength="25"                                
                                               onblur="sendValPswdOld()">
                                        <div id='div_clave1' align="center" class='alert-danger'></div>
                                    </dd>
                                </dl>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dl>
                                    <dt>Nueva Clave:</dt>
                                    <dd style="text-align: center;">
                                        <input id="id_clave2" name="clave2" type="password" maxlength="25" size="35"
                                               title="Ingrese la clave con la cual podra ingresar a la aplicación" 
                                               autocomplete="off"
                                               class="input-large" 
                                               onblur="val_clave('div_clave3')">
                                        <div id='div_clave2' align="center" class='alert-danger'></div> 
                                    </dd>
                                </dl>
                            </td>
                        </tr>
                        <tr>    
                        <td>
                            <dl>
                                <dt>Confirme Nueva Clave:</dt>
                                <dd style="text-align: center;">
                                    <input id="id_clave3" name="clave3" type="password" maxlength="25"
                                               title="Ingrese nuevamente la clave para confirmación"
                                               autocomplete="off"
                                               class="input-large"
                                               onblur="valNewClaveConfirme();">
                                    <div id='div_clave3' align="center" class='alert-danger'></div>  
                                 </dd>
                            </dl>
                        </td>
                    </tr>
                    </table>
                    <div class='botonera'>
                        <button class="btn btn-danger btn-medium" id=id_regresar type=button value='Regresar' onClick="window.location.href = '../../../{APP}/modulos/inicio/';">Regresar</button>
                        <button class="btn btn-success btn-medium" id=id_guardar  type=button value='Guardar' onClick="valForm();" >Guardar</button>
                    </div>
                    <br>
                    <br>
                </div>
                <footer class="bg-footer">
                    <div id='id_firma'></div>
                </footer>
            </div>
        </div> <!--DIV CONTAINER-->
    </body>
</html>
<!-- END: main -->